@charset "UTF-8";
body { margin: 0; padding: 0; font-size: 10px !important;  font-family:"Microsoft YaHei"; overflow-x: hidden; }
ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, hr, img, div, label, span, p, table, tr, td { margin: 0; padding: 0; list-style: none; border: 0;}
ol,ul{ margin-bottom: 0 !important }
.h1, .h2, .h3,.h5, h1, h2, h3,h5{ margin-top: 0; margin-bottom: 0 }
.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
}
a{ text-decoration: none; outline: none !important;}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
img{vertical-align: middle;}
a:focus, a:hover {
    text-decoration: none !important;
}
i,em{ font-style: normal; display: block }
.fl{ float: left; }
.fr{ float: right; }
.clearfix{ clear: both; }
input, select {
    outline: none; border:0;
}
select::-ms-expand { display: none; }
select {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;

}
:focus{
    outline: 0;
}
input[type=text] {
    -webkit-appearance: none;
    border-radius: 0;
}
/*.container{ width: 1200px; padding:0 0; }*/

.bodyMain{width:100%;overflow: hidden;position: relative;left:0;}
.topNav{ position: relative; }
.top1{ border-bottom: 1px solid #e6e6e6; padding:1.4rem 0; }

.top1 img{ max-width: 100%; }
.top1-r{ padding-top: 1.5rem; position: relative; color: #d9d9d9; }
.top1 .ch { margin-right: .8em; font-size: 1.5em; color: #000000;vertical-align: bottom;}
.top1 .en { margin-left: .7rem; display: inline-block; font-size: 1.5em; color: #000; vertical-align: bottom;}
.top1 .em { margin-left: .7em; margin-right: 1.5em; } 
.top1 .en:hover { color: #1269c6;}

.sb-search{ display: inline-block; margin-left: 12px; }
.search-wrapper {
    position: relative;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top:50%;
    left:50%;
    margin-top: -5px;
}
.search-wrapper.active {margin-left: 20px;}

.search-wrapper .input-holder {
    top: 15px;
    overflow: hidden;
    height: auto;
    position: relative;
    width:auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder {
    top: -5px;
    border-radius: 50px;
    width:250px;
    background:#fff;
    border:1px solid #e6e6e6;
    -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}

.search-wrapper .input-holder .search-input {
    width:100%;
    height: 30px;
    padding:0px 70px 0 20px;
    opacity: 0;
    position: absolute;
    top:0px;
    left:0px;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:none;
    outline:none;
    font-family:"Open Sans", Arial, Verdana;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color:#999;
    -webkit-transform: translate(0, 60px);
    -moz-transform: translate(0, 60px);
    transform: translate(0, 60px);
    -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);

    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
}

.search-wrapper .input-holder .search-icon {
    width:20px;
    height:20px;
    border:none;
    padding:0px;
    background: none;
    outline:none;
    position: relative;
    z-index: 2;
    float:right;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.search-wrapper.active .input-holder .search-icon {
    width: 20px;
    height:20px;
    margin: 5px 10px;
}
.search-wrapper .input-holder .search-icon span {
    width:20px;
    height:20px;
    display: inline-block;
    vertical-align: middle;
    position:relative;
   /* -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    -moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);*/
    background: url(../images/ss-btn.png) no-repeat;

}
.search-wrapper.active .input-holder .search-icon span {
   /* -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);*/
}
/*.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content:'';
}
.search-wrapper .input-holder .search-icon span::before {
    width: 4px;
    height: 11px;
    left: 9px;
    top: 18px;
    border-radius: 2px;
    background: #974BE0;
}
.search-wrapper .input-holder .search-icon span::after {
    width: 14px;
    height: 14px;
    left: 0px;
    top: 0px;
    border-radius: 16px;
    border: 4px solid #974BE0;
}*/

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top:24px;
    right:20px;
    width:25px;
    height:25px;
    cursor: pointer;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.search-wrapper.active .close {
    right:-50px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.search-wrapper .close::before, .search-wrapper .close::after {
    position:absolute;
    content:'';
    background: #000;
    border-radius: 2px;
}
.search-wrapper .close::before {
    width: 5px;
    height: 25px;
    left: 10px;
    top: 0px;
}
.search-wrapper .close::after {
    width: 25px;
    height: 5px;
    left: 0px;
    top: 10px;
}
.search-wrapper .result-container {
    width: 100%;
    position: absolute;
    top:42px;
    left:0px;
    text-align: center;
    font-family: "Open Sans", Arial, Verdana;
    font-size: 14px;
    display:none;
    color:#1269c6;
}

.top2{ line-height: 50px; }
.top2 li{ margin-left: 91px; float: left; }
.top2 li:first-child{ margin-left: 0; }
.top2 li a{ display: block; padding: 0 30px; color: #555; font-size: 1.6rem; position: relative;transition: width .5s ease-in-out; }

.top2 li:hover a,.top2 li.active a{ color: #1269c6; width: 100%; }
.top2 li a:before{ content: ""; position: absolute; width: 0; height: 2px; background:#1269c6; left: 0; top: -1px;transition: width .5s ease-in-out;  }
.top2 li:hover a:before,.top2 li.active a:before{ width: 100%; }

.mobi-topNav{position:relative;height:50px;width:100%;background: #fff; box-shadow: 0 0 3px #888; }
.mobi-topNav .mobi-logo{height: 30px;max-width:230px;float:left; margin-top: 10px;    margin-left: 2%;}
.mobi-topNav .mobi-logo img{display: block;max-width:100%;height: 30px;}


.mobi_nav_default{float:right; width:auto;height:100%;}
.mobi_nav_default a{display: block;float:left;height:100%;box-sizing:border-box;cursor:pointer;}
.mobi_nav_default a.current{border-bottom:3px solid #1269c6;}
.mobi_nav_default .searchBtn{width:45px;height:100%;background: url(../images/mobi_searchBg.png) no-repeat center center;background-size:auto 50%;}
.mobi_nav_default .searchBtn.current{background: url(../images/mobi_searchBg_cur.png) no-repeat center center;background-size:auto 50%;}
.mobi_nav_default .mobi_navBar{width:45px;height:100%;background: url(../images/mobi_navBar.png) no-repeat center center;background-size:auto 50%;}
.mobi_nav_default .mobi_navBar.current{background: url(../images/mobi_navBar_cur.png) no-repeat center center;background-size:auto 50%;}

.mobi_search_con{display:none;width:100%;height:69px;border-top:1px solid #47b3e9;position:absolute;top:50px;left:0;right:0;background: #eee;z-index: 2;}
.mobi_con_inner{position:relative;width:80%;background: #fff;border-radius: 15px;height:38px;margin:15px auto;}
.mobi_con_inner .mobibtn{position:absolute;top:0;right:15px;border:0;width:30px;height:100%;background: url(../images/mobi_btn.png) no-repeat center center;background-size:auto 60%; text-indent:-999999px;}
.mobi_con_inner .mobitext{display:block;width:200px;background: none;border:0;height:38px;line-height:30px;font-size:14px;padding:4px 10px;color:#333;box-sizing:border-box;}
.mobi_con_inner #MF_form_phrase{display:block;width:200px;background: none;border:0;height:38px;line-height:30px;font-size:14px;padding:4px 10px;color:#333;box-sizing:border-box;}


.mobi_navfixed{display:none;position: fixed;width:235px;left:-210px;top:0;height:100%;background: #333333;z-index:9999;}
.mobi_navfixed.current{left:0;}
.navfixmask{display:none;position: fixed;width:100%;height:100%;top:0;left:0;background: #000;opacity: 0.6;z-index:998}
.navfixed_con{position:relative;z-index:100;width:100%;height:100%;overflow-y: auto;}
.navfixed_con a{display: block;width:100%;box-sizing:border-box;position: relative;text-decoration: none;}
.navfixed_con .same{position: relative;}
.navfixed_con .iglys{position: absolute;top:0;width:40px;}
.navfixed_con i.glyphicon{position: absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;font-size:16px;color:#fff;}
.navfixed_con>ul>li>.same>.iglys{right:0;height:50px;}

.navfixed_con>ul>li>.same>a{padding-left:20px;font-size:14px;color:#fff;height:50px;line-height:50px;border-bottom:1px solid #1a1a1a;border-top:1px solid #464545;}
.navfixed_con>ul>li:first-child>.same>a{border-top:0;}

.navfixed_con .mobiSecondNav{display: none;}
.navfixed_con .mobiSecondNav>ul>li>.same>a{font-size:13px;color:#fff;border-bottom:1px solid #1a1a1a; padding:10px 10px 10px 30px;}
.navfixed_con .mobiSecondNav>ul>li>.same>.iglys{right:10px;height:40px;}

.navfixed_con .mobithreeNav{display: none;}
.navfixed_con .mobithreeNav>ul>li>.same>a{font-size:13px;padding-left:40px;color:#fff;height:36px;line-height:36px;border-bottom:1px solid #1a1a1a;}
.navfixed_con .mobithreeNav>ul>li>.same>.iglys{right:15px;height:36px;}


.glysamei{-webkit-transition: all 0.3s linear}
.glysamei.current{transform:rotate(90deg);-webkit-transform:rotate(90deg); -webkit-transition: all 0.3s linear;}

.mobi_navfixed span{
    display: block;
    margin-top:20px;
    color: #fff;
}
.mobi_navfixed span a{
    color: #fff;
    font-size: 16px;
    margin: 0 10px;
    display: inline;
}


.footer-one{ width: 100%; height: auto; overflow: hidden; padding: 100px 0 150px; background: url(../images/footer-bg.jpg) no-repeat; }
.footer-one h5{ font-size: 1.8rem; line-height: 1; color: #fff; position: relative; }
.footer-one h5:before{ content: ""; position: absolute; width: 90px; height: 9px; background: url(../images/icon/footer-nav-li.png) no-repeat; top: 30px; left: 0; }
.footer-one ul{ margin-top: 40px; overflow: hidden; }
.footer-one li a{ color: #bfbfbf; font-size:1.4rem; line-height: 30px;  }
.footer-one li a:hover{ color: #fff; }
.footer-one-last{ margin-top: 40px; }
.footer-one-last p{ color: #bfbfbf; font-size:1.4rem; line-height: 30px; }
.footer-one-ewm{ position: relative; transition: all .5s ease-in-out }
.footer-one-last a.ewm{ width:160px; height:36px; line-height: 36px; border-radius: 50px; background: #1269c6 url(../images/icon/ewm-icon.png) 38px 8px no-repeat; padding-left: 45px; color: #ccc; font-size: 14px; text-align: center;  display: block;  }
.footer-one-last span{ display: none; width: 160px; height: 160px; background: #282828; border-radius: 15px; position: absolute; top: 0; z-index: 9; transition: all .5s ease-in-out }
.footer-one-last span img{ width: 110px; height: 110px; margin:5px; }
.footer-one-last span i{ width: 120px; display: block; margin:9px 18px; }
.footer-one-last span i p{ text-align: center; font-size: 14px;line-height: 1.6; color: #bfbfbf; line-height: initial; margin:0 !important;}
.footer-one-last:hover span{ display: block; }
.footer-two{ width: 100%; height: 60px; line-height: 60px; background: #2f3235;color: #666; font-size: 14px;  }
.footer-two a{ color: #666 }
.footer-two .ls{ text-align: right; }
.footer-two .ls a:hover{ color: #fff; }



@media (max-width: 575.98px) { 
    .container{ width: 96% !important }

    .footer-one{ display: none; }
    .footer-two{ height: auto; line-height: 1; padding:10px 0; text-align: center; }
    .footer-two .ls{ text-align: center; margin-top: 5px; }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .container{ width: 96% !important }
    .footer-one{ display: none; }
    .footer-two{ height: auto; line-height: 1; padding:10px 0; text-align: center; }
    .footer-two .ls{ text-align: center; margin-top: 5px; }
}
@media (min-width: 768px) and (max-width: 991.98px) { 
    .top1-r{ padding-top: 1rem; }
    .search-wrapper.active .input-holder{ width: 200px; top: 27px }
    .search-wrapper.active{ margin-left: 0;    margin-top: -20px; }
    .top2 li{ margin-left: 30px; }
    .top2 li a{ padding:0 18px; }


    .footer-one{ padding:50px 0 80px; }
    .footer-one-last a.ewm{ width: 125px; height: 30px; line-height: 30px; background-position: 18px 6px;    padding-left: 30px; }
    .footer-one-last p{ line-height: 24px; }
    .footer-one-last span{ width: 125px;      height: 110px;}
    .footer-one-last span i{ width: 105px; margin:10px; }
    .footer-one-last span img{ height: 60px; width: 60px; margin:10px auto 0; display: block;}
    .footer-two{ height: 40px; line-height: 40px; }
}


@media (min-width: 992px) and (max-width: 1199.98px) { 
    .top1-r{ padding-top: 1rem; }
    .search-wrapper.active .input-holder{ width: 200px; top: 27px }
    .search-wrapper.active{ margin-left: 0;    margin-top: -20px; }
    .top2 li{ margin-left: 45px; }


    .footer-one{ padding: 80px 0 130px; }
}
@media (min-width: 1200px) { 
    .container{ width: 1200px !important;  }
}